<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="renderer" content="webkit">
		<meta name="screen-orientation" content="portrait">
		<meta name="full-screen" content="yes">
		<meta name="x5-orientation" content="portrait" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="browsermode" content="application">
		<meta name="x5-page-mode" content="app">
		<meta name="format-detection" content="telephone=no, email=no" />
		<link rel="stylesheet" type="text/css" href="css/mkui.css" />
		<link rel="stylesheet" type="text/css" href="css/mkui-v.css" />
		<link rel="stylesheet" href="css/nd.css" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.1.6/css/swiper.css" />
		<title>首页</title>
	</head>

	<body>

		<header class="h-80 page-c row">
			<h1 class="logo ml-45 mt-15">诺德房产</h1>
			<nav class="nav mt-24 row">
				<ul>
					<li>
						<a href="" target="_blank">首页</a>
					</li>
					<li>
						<a href="" target="_blank">房屋托管</a>
					</li>
					<li>
						<a href="" target="_blank">我要租房</a>
					</li>
					<li>
						<a class="current" href="" target="_blank">新房买卖</a>
					</li>
					<li>
						<a href="" target="_blank">二手房买卖</a>
					</li>
					<li>
						<a href="" target="_blank">关于我们</a>
					</li>
				</ul>
			</nav>
		</header>

		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img class="inline-b img-responsive" src="img/ad4.png" alt="" /></div>
					<div class="swiper-slide"><img class="inline-b img-responsive" src="img/ad4.png" alt="" /></div>
					<div class="swiper-slide"><img class="inline-b img-responsive" src="img/ad4.png" alt="" /></div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</div>
	
		<!--当前位置-->
		<div class="page-c">
			<p class="f-18 c-6e6d6d mt-12 mb-10">当前位置：二手房买卖</p>
			<div class="search mt-20 mb-20">
				<span class="f-14 c-2c342f mr-30">
					类型：
					<span class="select">
						<select name="type">
							<option value="">整租</option>
							<option value="">合租</option>
						</select>
					</span>
				</span>
				<span class="f-14 c-2c342f mr-30">	
					区域：
					<span class="select">
						<select name="type">
							<option value="">整租</option>
							<option value="">合租</option>
						</select>
					</span>
				</span>	
				<span class="f-14 c-2c342f mr-30">	
					租金：
					<span class="select">
						<select name="type">
							<option value="">整租</option>
							<option value="">合租</option>
						</select>
					</span>
				</span>	
				<span class="f-14 c-2c342f mr-30">
					居室：
					<span class="select">
						<select name="type">
							<option value="">整租</option>
							<option value="">合租</option>
						</select>
					</span>
				</span>	
				<span class="f-14 c-2c342f mr-30">
					朝向：
					<span class="select">
						<select name="type">
							<option value="">整租</option>
							<option value="">合租</option>
						</select>
					</span>
				</span>	
				<span class="f-14 c-2c342f mr-30">
					风格：
					<span class="select">
						<select name="type">
							<option value="">整租</option>
							<option value="">合租</option>
						</select>
					</span>
				</span>	
				<span class="f-14 c-2c342f mr-30">
					<input class="checkbox pos-r t-5" type="checkbox" /> 独立卫生间
				</span>	
				<span class="f-14 c-2c342f mr-30">
					<input class="checkbox pos-r t-5" type="checkbox" /> 独立阳台
				</span>
			</div>
			
			<hr class="hr-line mt-10" />
		</div>
		
		
		<!--合租房源-->
		<div class="page-c mt-10 mb-20">
			

			<div class="list-product">
			
				<ul class="overflow-h cl">
					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>

					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-zz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>

					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>
					
				
					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>

					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>

					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>
					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>

					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>

					<li class="border-10 pb-10">
						<figure class="pos-r mb-10">
							<img  class="fw-default" src="img/ali1.png" alt="" />
							<span class="ico-hz pos-a l-15 t_4"></span>
						</figure>
						<p class="f-16 ml-10 mr-10 c-2c342f bold">西潞苑小区3居室-南卧</p>
						<p class="f-16 ml-10 mr-10 c-2c342f">通州北关6号线物资学院路    <span class="fr"><b>¥3490 / </b><small class="f-12 c-001600">月</small></span></p>
					</li>
				</ul>
			</div>
			
			<!--分页-->
			<div class="page row space-around">
				<ul class="row">
					<li>1</li>
					<li>2</li>
					<li class="current">3</li>
					<li>4</li>
					<li>5</li>
					<li>...</li>
					<li>最后</li>
				</ul>
			</div> 
			
		</div>

		
		<footer class="bg-f8f8f8 footer overflow-h">
			<div class="page-c pt-30">

				<div class="row space-around border-b pb-10">
					<div class="overflow-h">
						<ul class="row">
							<li>
								<p>
									<a class="f-14 c-2c342f bold" href="">关于我们</a>
								</p>
								<p>
									<a class="c-888c89" href="">房屋托管</a>
								</p>
								<p>
									<a class="c-888c89" href="">公司简介</a>
								</p>
								<p>
									<a class="c-888c89" href="">新闻中心</a>
								</p>
								<p>
									<a class="c-888c89" href="">托管案例</a>
								</p>
							</li>
							<li>
								<p>
									<a class="f-14 c-2c342f bold" href="">友情链接</a>
								</p>
								<p>
									<a class="c-888c89" href="">信诺科技</a>
								</p>
								<p>
									<a class="c-888c89" href="">影震广告</a>
								</p>
							</li>
							<li class="w-280">
								<p>
									<a class="f-20 c-2c342f bold" href="">服务电话</a>
								</p>
								<p>
									<a class="f-20 c-888c89" href="">托管电话：0311-83951695</a>
								</p>
								<p>
									<a class="f-20 c-888c89" href="">托管电话：0311-83951695</a>
								</p>
							</li>
						</ul>
					</div>
					<div class="row">
						<div class="mr-35">
							<img src="img/erweima.png" alt="" />
							<p class="f-16 c-888c89 text-c">诺德·房产</p>
						</div>
						<div>
							<img src="img/erweima1.png" alt="" />
							<p class="f-16 c-888c89 text-c">八戒乐居</p>
						</div>
					</div>
				</div>
				<p class="c-888c89 text-c mt-12 mb-12">Copyright@2018 nuodefangchan.com 版权所有 冀ICP备18002826号-2 经营许可证编号 冀ICP证120198号</p>
			</div>
		</footer>

		<div class="m-mask none">
			<div class="m-mask-div wt">
				<h3 class="text-c f-18 c-2c342f">在线委托</h3>
				<p class="f-14 c-888c89  pl-15 pr-15">请留下您的房屋信息与联系方式，自如将在30分钟内致您，提供专业咨询​</p>
				<div class="f-14  pl-15 pr-15">
					<p class="mt-4">姓名<span class="c-888c89"> （必填）</span></p>
					<input class="wt-input" type="text" />
					<p class="mt-4">联系电话<span class="c-888c89"> （必填）</span></p>
					<input class="wt-input" type="text" />
					<p class="mt-4">房屋地址<span class="c-888c89"> （必填）</span></p>
					<input class="wt-input" type="text" />
					<p class="mt-4">小区<span class="c-888c89"> （必填）</span></p>
					<input class="wt-input" type="text" />
					<p class="mt-4">其他情况<span class="c-888c89"> （必填）</span></p>
					<input class="wt-input" type="text" />
				</div>
				<button class="btn-tijiao ml-15 mt-10">提交</button>
			</div>
		</div>
		<script src="js/jquery-2.0.3.min.js"></script>
		<script src="js/mkui0.4.js"></script>
		<script src="https://cdn.bootcss.com/Swiper/4.1.6/js/swiper.min.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				loop: true,
				// 如果需要分页器
				pagination: {
					el: '.swiper-pagination',
				},
				// 如果需要前进后退按钮
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});

			$('.btn-join').on('click', function() {
				$('.m-mask').show();
			});
			$('.m-mask').on('click', function() {
				$('.m-mask').hide();
			});
			$('.btn-tijiao').on('click', function(e) {
				e.stopPropagation();
			})
		</script>
	</body>

</html>